<script setup lang="ts">
  import type { Language } from 'element-plus/lib/locale';
  import ByCommand from './components/view/ByCommand.vue';
  import { CommandOptions } from './components/core';
  import { computed } from 'vue';

  const props = defineProps<{ locale: Language; index: string }>();
  const command = computed<CommandOptions>(() => {
    return {
      url: props.index
    };
  });
</script>

<template>
  <el-config-provider :locale="locale">
    <by-command id="main-window" layer="background" capture-empty-layer :command="command" />
  </el-config-provider>
</template>

<style>
  @import './assets/styles/index.css';
  #main-window {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-align: center;
  }
</style>
